<jtmpl:tmpl name="paymentform">
<jtmpl:tmpl name="bankcol_js" visibility="hidden">
<script type="text/javascript"><!--
function change_payment() {
	var f = document.form;
	var selectedIndex = f.payment.selectedIndex;
	if(f.payment.options[selectedIndex].value == 'bankcol') {
		document.getElementById('bankcol1').style.display='table-row';
		document.getElementById('bankcol2').style.display='table-row';
		document.getElementById('bankcol3').style.display='table-row';
	} else {
		document.getElementById('bankcol1').style.display='none';
		document.getElementById('bankcol2').style.display='none';
		document.getElementById('bankcol3').style.display='none';	
	}
}
--></script>
</jtmpl:tmpl>
<form action="{LINK}" method="post" name="form">
<table class="contentpaneopen" align="center">
<tr>
    <td class="componentheading" colspan="2">Schritt 4: Zahlungsinformationen</td>
</tr>
<jtmpl:tmpl name="error" type="simplecondition" requiredvars="error">
<tr>
    <td colspan="2" style="text-align:center;color:red"><b>{ERROR}</b></td>
</tr>
</jtmpl:tmpl>
<tr class="sectiontableentry1">
    <td>Zahlungsart <font color="red">*</font></td>
    <td>
		<select name="payment" size="1" onChange="change_payment()">
		<jtmpl:tmpl name="bankcol" visibility="hidden">
			<option value="bankcol"{SELECTED}>Bankeinzug</option>
		</jtmpl:tmpl>
		<jtmpl:tmpl name="banktrans" visibility="hidden">
			<option value="banktrans"{SELECTED}>&Uuml;berweisung</option>
		</jtmpl:tmpl>
		<jtmpl:tmpl name="paypal" visibility="hidden">
			<option value="paypal"{SELECTED}>Paypal</option>
		</jtmpl:tmpl>
		</select>
    </td>
</tr>
<jtmpl:tmpl name="bankcol_fields" visibility="hidden">
<tr id="bankcol1" class="sectiontableentry2" style="display:{DISPLAY}">
    <td>Kontoinhaber <font color="red">*</font></td>
    <td><input type="text" name="payment_owner" value="{PAYMENT_OWNER}" maxlenght="200" class="inputbox"/></td>
</tr>
<tr id="bankcol2" class="sectiontableentry1" style="display:{DISPLAY}">
    <td>Bankleitzahl <font color="red">*</font></td>
    <td><input type="text" name="payment_code" value="{PAYMENT_CODE}" maxlenght="200" class="inputbox"/></td>
</tr>
<tr id="bankcol3" class="sectiontableentry2" style="display:{DISPLAY}">
    <td>Kontonummer <font color="red">*</font></td>
    <td><input type="text" name="payment_number" value="{PAYMENT_NUMBER}" maxlenght="200" class="inputbox"/></td>
</tr>
</div>
</jtmpl:tmpl>
</table><br/>
<div style="text-align:center">
<input type="submit" name="save" value="Weiter" class="button"/>
</div>
</form>
</jtmpl:tmpl>

